* { margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }
a { text-decoration: none; }
html { width: 100%; height: 100%; overflow: hidden auto; }
body { width: 100%; min-height: 100%; }
.login-bg { background: url("../images/bg.png") center center / cover no-repeat; overflow: hidden; }
.login { margin: 120px auto 0px; min-height: 420px; max-width: 420px; padding: 40px; background-color: rgb(255, 255, 255); border-radius: 4px; box-sizing: border-box; }
.login a.logo { display: block; height: 58px; width: 167px; margin: 0px auto 30px; background-size: 167px 42px; }
.login .message { margin: 10px 0px 0px -58px; padding: 18px 10px 18px 60px; background: rgb(24, 159, 146); position: relative; color: rgb(255, 255, 255); font-size: 16px; }
.login #darkbannerwrap { background: url("../images/aiwrap.png"); width: 18px; height: 10px; margin: 0px 0px 20px -58px; position: relative; }
.login input[type="text"], .login input[type="file"], .login input[type="password"], .login input[type="email"], select { border: 1px solid rgb(220, 222, 224); vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: rgb(85, 85, 85); outline: none; width: 100%; box-sizing: border-box; }
.login input[type="text"]:focus, .login input[type="file"]:focus, .login input[type="password"]:focus, .login input[type="email"]:focus, select:focus { border: 1px solid rgb(39, 169, 227); }
.login input[type="submit"], .login input[type="button"] { display: inline-block; padding: 12px 24px; margin: 0px; font-size: 18px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: rgb(255, 255, 255); background-color: rgb(24, 159, 146); border-radius: 3px; border: none; appearance: none; outline: none; width: 100%; }
.login hr { background: url("") 0px 0px no-repeat rgb(255, 255, 255); }
.login hr.hr15 { height: 15px; border: none; margin: 0px; padding: 0px; width: 100%; }
.login hr.hr20 { height: 20px; border: none; margin: 0px; padding: 0px; width: 100%; }
.x-body { padding: 20px; }
.x-nav { padding: 0px 20px; position: relative; z-index: 99; border-bottom: 1px solid rgb(229, 229, 229); line-height: 39px; height: 39px; overflow: hidden; }
xblock { display: block; margin-bottom: 10px; padding: 5px; line-height: 22px; border-radius: 0px 2px 2px 0px; background-color: rgb(242, 242, 242); }
.x-right { float: right; }
.x-so { text-align: center; margin-bottom: 20px; }
.x-so input.layui-input { width: 190px; }
.x-so .layui-form-label { display: inline-block; }
.x-so input.layui-input, .x-so input.layui-btn { display: inline-block; }
.x-red { color: red; }
.page { margin-top: 20px; text-align: center; }
.page a { display: inline-block; background: url("") 0px 0px no-repeat rgb(255, 255, 255); color: rgb(136, 136, 136); padding: 10px; min-width: 15px; border: 1px solid rgb(226, 226, 226); }
.page span { display: inline-block; padding: 10px; min-width: 15px; border: 1px solid rgb(226, 226, 226); }
.page span.current { display: inline-block; background: url("") 0px 0px no-repeat rgb(0, 150, 136); color: rgb(255, 255, 255); padding: 10px; min-width: 15px; border: 1px solid rgb(0, 150, 136); }
.page .pagination li { display: inline-block; margin-right: 5px; text-align: center; }
.page .pagination li.active span { background: url("") 0px 0px no-repeat rgb(0, 150, 136); color: rgb(255, 255, 255); border: 1px solid rgb(0, 150, 136); }
.container { width: 100%; height: 45px; background-color: rgb(34, 34, 34); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.container .logo a { float: left; color: rgb(255, 255, 255); font-size: 18px; padding-left: 20px; line-height: 45px; width: 200px; }
.container .right { background-color: rgba(0, 0, 0, 0); float: right; }
.container .left_open { height: 45px; float: left; }
.container .left_open i { display: block; background: url("") 0px 0px no-repeat rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); width: 32px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; margin-top: 7px; cursor: pointer; }
.container .left_open i:hover { background: url("") 0px 0px no-repeat rgba(255, 255, 255, 0.3); }
.container .left { background-color: rgba(0, 0, 0, 0); float: left; }
.container .layui-nav-item { line-height: 45px; }
.container .layui-nav-more { top: 20px; }
.container .layui-nav-child { top: 50px; }
.container .layui-nav-child i { margin-right: 10px; }
.layui-nav .layui-nav-item a { color: rgb(255, 255, 255); }
.layui-nav .layui-nav-child a { color: rgb(51, 51, 51); }
.left-nav { position: absolute; top: 46px; bottom: 42px; left: 0px; z-index: 2; padding-top: 10px; background-color: rgb(238, 238, 238); width: 220px; max-width: 220px; overflow: hidden auto; border-right: 1px solid rgb(229, 229, 229); }
.left-nav #nav li { border-bottom: 1px solid rgb(229, 229, 229); }
.left-nav #nav li:hover > a { }
.left-nav #nav .current { background-color: rgba(0, 0, 0, 0.3); }
.left-nav #nav li a { font-size: 14px; padding: 10px 15px 10px 20px; display: block; cursor: pointer; }
.left-nav #nav li a cite { font-size: 14px; }
.left-nav #nav li .sub-menu { display: none; }
.left-nav #nav li .opened { display: block; }
.left-nav #nav li .opened:hover { }
.left-nav #nav li .opened .current { }
.left-nav #nav li .sub-menu li:hover { }
.left-nav #nav li .sub-menu li a { padding: 12px 15px 12px 30px; font-size: 14px; cursor: pointer; }
.left-nav #nav li .sub-menu li .sub-menu li a { padding-left: 45px; }
.left-nav #nav li .sub-menu li a:hover { color: rgb(20, 140, 241); }
.left-nav #nav li .sub-menu li a i { font-size: 12px; }
.left-nav #nav li a i { padding-right: 10px; line-height: 14px; }
.left-nav #nav li .nav_right { float: right; font-size: 16px; }
.x-slide_left { width: 17px; height: 61px; background: url("../images/icon.png") 0px 0px no-repeat; position: absolute; top: 200px; left: 221px; cursor: pointer; z-index: 3; }
.page-content { position: absolute; top: 46px; right: 0px; bottom: 42px; left: 221px; overflow: hidden; z-index: 1; }
.page-content-bg { position: absolute; top: 46px; right: 0px; bottom: 42px; left: 221px; background: rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 100; display: none; }
.page-content .tab { height: 100%; width: 100%; background: url("") 0px 0px no-repeat rgb(239, 238, 240); margin: 0px; }
.page-content .layui-tab-title { height: 35px; background: url("") 0px 0px no-repeat rgb(239, 238, 240); position: relative; z-index: 100; }
.page-content .layui-tab-title li { line-height: 35px; }
.page-content .layui-tab-title .layui-this::after { height: 36px; }
.page-content .layui-tab-title li .layui-tab-close { border-radius: 50%; }
.page-content .layui-tab-title .layui-this { background: url("") 0px 0px no-repeat rgb(255, 255, 255); }
.page-content .layui-tab-bar { height: 34px; line-height: 35px; }
.page-content .layui-tab-content { position: absolute; top: 36px; bottom: 0px; width: 100%; background: url("") 0px 0px no-repeat rgb(255, 255, 255); padding: 0px; overflow: hidden; }
.page-content .layui-tab-content .layui-tab-item { width: 100%; height: 100%; }
.page-content .layui-tab-content .layui-tab-item iframe { width: 100%; height: 100%; }
.welcome-footer { padding: 30px 0px; line-height: 30px; text-align: center; background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); font-weight: 300; }
body .layui-layout-admin .footer-demo { height: auto; padding: 15px 0px; line-height: 26px; }
.welcome-footer a { padding: 0px 5px; }
table th, table td { word-break: break-all; }
.footer { position: fixed; bottom: 0px; width: 100%; background-color: rgb(34, 34, 34); border-top: 1px solid rgba(255, 255, 255, 0.2); line-height: 41px; color: rgb(255, 255, 255); }
@media screen and (max-width: 768px) {
  .fast-add { display: none; }
  .layui-nav .to-index { display: none; }
  .container .logo a { width: 140px; }
  .container .left_open { }
  .left-nav { left: -221px; }
  .page-content { left: 0px; }
  .page-content .layui-tab-content .layui-tab-item { overflow-y: scroll; }
  .x-so input.layui-input { width: 100%; margin: 10px; }
}
